.pattern-overlay {
    font-size: 60px;
    font-family: 'microsoft yahei';
    background-image: url(../images/kbg.png);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.pattern-overlay > span {
    position: absolute;
    background-image: linear-gradient(to bottom, #f00, #0f0);
    mix-blend-mode: color; /*灵魂 所在，背景和内容做色彩叠加而不是覆盖*/
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.pattern-overlay > span::before {
    content: attr(data-text);
}